<template>
	<view class="flex flex-align-center flex-space-between">
		<text class="title font36 f-b">{{ titleObj.title }}</text>
		<view @click="goPage(titleObj.path)" v-if="!titleObj.hidden" class="button-more flex flex-center font28">查看更多</view>
	</view>
</template>

<script setup lang="ts">
	const props = defineProps({
		titleObj: {
			type: Object,
			default: {}
		}
	})
	
	function goPage (path) {
		uni.navigateTo({
			url: path
		})
	}
</script>

<style lang="scss" scoped>
	.title {
		color: #181D18;
	}
	.button-more {
		background: #E9F8F5;
		border-radius: 20rpx;
		color: #3FA897;
		padding: 2rpx 20rpx;
	}
</style>